import React from 'react'
import { withRouter } from 'react-router';
import "./index.scss"
function SearchHeader({ cityName, history }) {
    return (

        <div className="searchheader" >
            <div className="current-position">
                <span className="top-search-place"
                    onClick={() => {
                        history.push('/citylist');
                    }}
                >{cityName}<i className="iconfont icon-down" style={{ fontSize: 16 }}></i></span>
            </div>
            <div className="top-search">
                <span className='top-search-content' onClick={() => {
                    history.push('/home/searchhouse');
                }}>
                    <i className="iconfont icon-search" style={{ fontSize: 16, marginRight: 3 }}></i>请输入小区或地址
                </span>
                <div className='top-search-icon'
                    onClick={() => {
                        history.push('/map');
                    }}
                >
                    <i className="iconfont icon-address" style={{ fontSize: 38, color: '#fff' }}></i></div>
            </div>
        </div>
    )
}
export default withRouter(SearchHeader)

